<template>
	<Tabs>
		<TabPane label="支付宝配置">
			<Form ref="form" :model="formData" :rules="rules" label-position="top">
				<FormDescItem label="APPID">
					<Input />
					<p slot="desc">设置支付宝开放平台应用id 配置教程：<a>《支付宝配置说明》</a></p>
				</FormDescItem>
				<FormDescItem label="支付宝公钥(PUBLIC_KEY)">
					<Input type="textarea" :rows="5" />
					<p slot="desc">设置支付宝支付宝公钥(PUBLIC_KEY),不能有空格 配置教程：<a>《支付宝配置说明》</a></p>
				</FormDescItem>
				<FormDescItem label="应用私钥(PRIVATE_KEY)">
					<Input type="textarea" :rows="5" />
					<p slot="desc">设置支付宝支付宝应用私钥(PRIVATE_KEY),不能有空格 配置教程：<a>《支付宝配置说明》</a></p>
				</FormDescItem>
				<FormItem>
					<Button type="primary" :loading="committing" @click="handleSubmit">保存设置并启用</Button>
					<Button @click="handleBack">返回列表</Button>
				</FormItem>
			</Form>
		</TabPane>
	</Tabs>
</template>

<script>
import Util from '@/libs/util.js';
import FormDescItem from '@/components/form/FormDescItem.vue';
export default {
	name: '',
	components: {
		FormDescItem
	},
	data() {
		return {
			committing: false,
			formData: {
				name: ''
			},
			rules: {
				
			}
		}
	},
	mounted() {
		this.init();
	},
	methods: {
		init() {
			
		},
       	handleSubmit() {
       		this.$refs.form.validate((valid) => {
       			if(valid) {
       				
       			}
       		})
       	},
       	handleBack() {
			this.$router.back();
		}
	}
}
</script>